<template>
    <div class="Index">
        <ul>
            <router-link replace :to="{name:'Home'}"><li>发现音乐</li></router-link>
            <router-link replace :to="{name:'Blog'}"><li>博客</li></router-link>
            <router-link replace :to="{name:'Video'}"><li>视频</li></router-link>
            <router-link replace :to="{name:'Follow'}"><li>关注</li></router-link>
            <router-link replace :to="{name:'Lives'}"><li>直播</li></router-link>
            <router-link replace :to="{name:'MyFM'}"><li>私人FM</li></router-link>
        </ul>
    </div>
</template>

<script>
export default {
    name:'Index',
}
</script>

<style lang="scss" scoped>
.router-link-active li {
    font-size: 17px;
    font-weight: bold;
}
li:hover {
    font-size: 17px;
    font-weight: bold;
}
</style>
